/*misc*/
.logo {
background-image:url('smallerlogo.png');
backgroundrepeat:none;
width:30px;
height:30px;
position:absolute;
right:25px;
top:5px;
z-index:2;
}

body {
background-image:url('cork.jpg');
}

/*Attempting Drag and Drop*/
td {
position:absolute;
width:600px;
padding:15px;
}

/* navbar styles */
#container {
z-index:2;
width:100%;
height:35px;
background-color:#000;
position:absolute;
left:0;
top:0;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#container ul {
list-style-type:none;
width:100%;
height:40px;
background-color:#242323;
float:left;
list-style:none;
margin:0;
padding:0;
}

#container a {
display:block;
color:#FFF;
background-color:#242323;
width:9em;
padding-left:1em;
padding-right:1px em;
text-decoration:none;
height:30px;
text-align:center;
}

#container ul li {
display:block;
position:relative;
float:left;
width:240px;
text-decoration:none;
color:#fff;
text-align:center;
background:#242323;
white-space:nowrap;
font-size:20px;
padding:10px 0 0;
}

li ul {
display:none;
}

h2 {
font-size:15px;
text-align: center;
}

li:hover ul {
display:block;
position:absolute;
}

li:hover li {
float:none;
font-size:11px;
}

/* table and note styles */
#tablemain {
width:100%;
height:100%;
padding-top:75px;
}

tr {
height:600px;
}

.noteyes {
width:275px;
height:265px;
background-image:url('static/mainsticky.png');
background-repeat:none;
}

.notetext {
font-size:18px;
width:200px;
height:200px;
position:relative;
top:75px;
left:25px;
display:block;
text-align:center;
}

#container a:hover,#container main:hover {
color:#FFF;
text-shadow:#000 -4px 4px 4px;
}